<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->

  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="1060px"
      title="查看"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common commonClassDialog moduleDialog"
        id="longLable"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <div style="overflow-y: auto; margin-bottom: 20px">
          <div class="baseTitle">基本信息</div>
          <div style="height: 160px">
            <publicForm
              ref="publicForm"
              lableWidth="95px"
              :formObj="formObj"
              :formData="formData"
            >
            </publicForm>
          </div>
          <div class="baseTitle">材料用量</div>
          <div
            style="height: 168px; margin-top: 8px"
            class="levelClass materialClass"
          >
            <tableData
              :config="material_config"
              :dataList="materialData"
              statusType="3"
              :level="level"
              :earlyWarning="earlyWarning"
              :currentRow="false"
              :stripe="false"
            />
          </div>
          <div v-if="isclose">
            <div class="baseTitle" style="margin-top: 8px" v-if="handNum">
              处理情况
            </div>
            <el-collapse v-model="activeNames" @change="changeCollapse">
              <el-collapse-item name="0" v-if="handNum">
                <!-- <el-collapse-item name="0" > -->
                <template slot="title">
                  <div>
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">闭合申请单</span>
                  </div>
                </template>
                <div style="height: 160px; margin-top: 3px">
                  <publicForm
                    ref="publicForm0"
                    lableWidth="95px"
                    :formObj="handleObj"
                    :formData="handleData"
                    :timestamp="handleData.fHandlefile"
                    :fileList="fSourcefileList"
                    @delteFile="delteFile"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>

              <el-collapse-item name="1" v-if="firstNum">
                <template slot="title">
                  <div>
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">一级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm1"
                    lableWidth="95px"
                    :formObj="processObj"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>
              <el-collapse-item name="2" v-if="secondNum">
                <template slot="title">
                  <div>
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">二级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm2"
                    lableWidth="95px"
                    :formObj="examineObj"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>

              <el-collapse-item name="3" v-if="threeLevel">
                <template slot="title">
                  <div>
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">三级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm3"
                    lableWidth="95px"
                    :formObj="levelThree"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>
              <el-collapse-item name="4" v-if="fourLevel">
                <template slot="title">
                  <div>
                    <img
                      style="vertical-align: middle"
                      src="@/assets/img/Supervision/com_flg.png"
                      alt=""
                    />
                    <span style="margin-left: 8px">四级审核</span>
                  </div>
                </template>
                <div style="height: 70px; margin-top: 3px">
                  <publicForm
                    ref="publicForm4"
                    lableWidth="95px"
                    :formObj="levelFourth"
                    :formData="handleData"
                  >
                  </publicForm>
                </div>
              </el-collapse-item>
            </el-collapse>
            <div style="height: 50px"></div>
          </div>
        </div>
        <div class="newlyAdded_btn" v-if="btnShow">
          <el-button :disabled="isLock" type="primary" @click="yj_saveForm(1)"
            >保存</el-button
          >
          <el-button type="warning" @click="visible = false">关闭</el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
